<template>
    <modal 
        :show='show'
        mode='bottom'
        class='component-agreement'
        closeButton
        @close='closeHandle'>
            <div v-if='type == "loan"' class="component-agreement__platform">
                <img src="../images/eqb.png" alt="">
                <p>全国领先的第三方电子签名平台</p>
            </div>
            <div class="component-agreement__header">{{title}}</div>
            <p class="component-agreement__text" v-if='type == "loan"'>有借使用“e签宝”电子协议</p>
            <div class="wrapper" :class='{"not-loan":type != "loan"}'>
                <!-- type == "loan" -->
                <div>
                    <template v-if='type == "loan"'>
                        <div class="component-agreement__intro" v-if='info.borrowNo || info.receiptNo'>
                            <p class="component-agreement__number">编号: {{info.borrowNo || info.receiptNo}}</p>
                            <a :href='info.agreementUrl' class="component-agreement__download">下载协议</a>
                        </div>
                        <div class='component-agreement__list'>
                            <div class='component-agreement__item'>
                                为了使用有借平台进行借贷交易，用户（以下或称“您”）应当事先阅读并同时遵守《借款协议》（以下简称“本协议”）及您与浙江壹潘科技有限公司（以下简称“壹潘”）签署的相关服务协议（包括但不限于《用户注册协议》）。壹潘依据本协议为您提供借贷交易的居间服务。
                            </div>
                            <div class='component-agreement__item'>
                                壹潘在此特别提醒您认真阅读和充分理解本协议各条款，特别是其中所涉及的免除或限制壹潘责任、限制用户权利、争议解决和法律适用条款。请您审慎阅读并选择是否接受本协议。除非您接受本协议所有条款，否则您无权使用有借平台服务。您一经点击已阅读并同意本协议，即视为对本协议的理解和接受，您同意本协议对壹潘和您具有法律约束力。如果您不同意本协议的任何内容或无法准确理解相关条款，请不要进行后续操作。
                            </div>
                            <div class='component-agreement__item'>本协议由以下各方在浙江省杭州市签订：</div>
                            <div class='component-agreement__item bold'>甲方（借款人）：{{info.user.realName}}（已认证）</div>
                            <div class='component-agreement__item bold'>甲方身份证号：{{info.user.idNumber}}</div>
                            <div class='component-agreement__item bold'>甲方注册手机号：{{info.user.mobile}}</div>
                            <div class='component-agreement__item bold'>乙方（出借人）：{{info.lendUser.realName}}（已认证）</div>
                            <div class='component-agreement__item bold'>乙方身份证号：{{info.lendUser.idNumber}}</div>
                            <div class='component-agreement__item bold'>乙方注册手机号：{{info.lendUser.mobile}}</div>
                            <div class='component-agreement__item bold'>丙方（居间服务商）：浙江壹潘科技有限公司（“有借”平台的运营管理人）</div>
                            <div class='component-agreement__item bold'>客服电话：0571-87098933</div>
                            <div class='component-agreement__item bold'></div>
                            <div class='component-agreement__item'>居间服务商（本合同丙方）为有借平台（微信公众号“有借”）的运营管理人，为借贷双方提供居间服务。借款人和出借人拟通过有借平台进行资金借贷交易或寻求其他借贷服务。</div>
                            <div class='component-agreement__item'>甲、乙<span class='component-agreement__item'>双</span>方均已在丙方平台注册，同意遵守丙方平台的各项行为准则，在充分阅读理解本文本情形下，本着诚信自愿原则签订本《借款协议》。本协议内容如下：
                            </div>
                            <section class='component-agreement__item no-indent table-list'>
                                <h3 class='component-agreement__title no-indent'>一、借款主要内容</h3>
                                <div class='component-agreement__table'>
                                    <table>
                                        <tbody class='table-list__body have-border'>
                                        <tr>
                                            <td class='component-agreement__table-item' width="30%">借款金额:</td>
                                            <td class='component-agreement__table-item' v-if='info.borrowAmount'>
                                                {{info.borrowAmount | toYuan}}元({{info.borrowAmountStr}})
                                            </td>
                                            <td class='component-agreement__table-item' v-else></td>
                                        </tr>
                                        <tr>
                                            <td class='component-agreement__table-item'>借款日期:</td>
                                            <td class='component-agreement__table-item' v-if='info.borrowAt'>{{info.borrowAt | dateFormat}}</td>
                                            <td class='component-agreement__table-item' v-else></td>
                                        </tr>
                                        <tr>
                                            <td class='component-agreement__table-item'>还款方式:</td>
                                            <td class='component-agreement__table-item'>{{info.repayWayStr}}</td>
                                        </tr>
                                        <tr>
                                            <td class='component-agreement__table-item'>年化利率:</td>
                                            <td class='component-agreement__table-item' v-if='info.yearRate || info.yearRate === 0'>{{info.yearRate / 100}}%</td>
                                            <td class='component-agreement__table-item' v-else></td>
                                        </tr>
                                        <tr>
                                            <td class='component-agreement__table-item'>借款用途:</td>
                                            <td class='component-agreement__table-item'>{{info.borrowUsage}}</td>
                                        </tr>
                                        <tr>
                                            <td class='component-agreement__table-item'>还款总额(预计金额，具体以实际产生的为准):</td>
                                            <td class='component-agreement__table-item' v-if='info.borrowReceiveAmount'>
                                                {{info.borrowRepayAmount | toYuan}}({{info.borrowRepayAmountStr}})
                                            </td>
                                            <td class='component-agreement__table-item' v-else></td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <div class='component-agreement__item no-indent'>
                                    注：还款总额=借款金额*（1+借款时长/365*年化利率），其中借款时长为借款日期和还款日期间的天数；此处的“借款日期”是指甲方向乙方实际支付借款且借款已到账的日期。
                                </div>
                                <div class='component-agreement__item no-indent'>借款人可多次还款直至待还本息全部还清，但提前还款并不减少待还本息。</div>
                            </section>
                            <section class='component-agreement__item no-indent'><h3 class='component-agreement__title no-indent'>二、借款流程</h3> <h4 class='component-agreement__item bold'>1、求借款流程</h4>
                                <div class='component-agreement__item'>
                                    借款人在有借平台发布借款需求，填写借款金额、年化利率、还款方式、还款期限、分期次数、服务费金额等基本信息，点击确定后发送至有借平台求借款页面。该求借款信息仅借款人的好友可以看见。
                                </div>
                                <div class='component-agreement__item'> 看到上述求借款的借款人好友同意借款的，可立即进行支付。</div>
                                <h4 class='component-agreement__item bold'>2、申请出借流程</h4>
                                <div class='component-agreement__item'>
                                    出借人在有借平台发布出借，填写或选择借款金额、年化利率、还款方式、还款期限、分期次数、服务费比例等基本信息，点击确定后发送至有借平台出借页面。该出借信息仅出借人的好友可以看见。
                                </div>
                                <div class='component-agreement__item'> 看到上述出借的出借人好友同意该出借的，可以申请此出借，经出借人审核同意，可立即进行支付。</div>
                                <div class='component-agreement__item no-indent'>
                                    注意：出借人通过有借平台同意向借款人出借款项后，将出借资金存入出借人银行账户（以下简称“支付账户”），并授权壹潘通过第三方支付机构将出借资金由出借人支付账户划转至借款人支付账户（经丙方转付），由于第三方支付机构的操作流程，出借人支付的借款到达壹潘在第三方支付平台设立的账户后的次日，借款人方可取现。但借款人确认借款到达壹潘在第三方支付平台设立的账户时，即视为出借人已履行了付款义务，即为借款成功，本协议同时生效，利息开始计算。
                                </div>
                                <h4 class='component-agreement__item bold'>3、补借条流程</h4>
                                <div class='component-agreement__item'>出借人和借款人在线下完成了借款资金的划转交割，需要通过有借平台完善借款手续的，双方都可以在有借平台起草借条，起草完成后点击发送按钮，即代表承认借条中约定的借款金额、起借日期、还款日期、年化利率等信息。在确认人确认该借条之前，起草人有权利将该借条删除。
                                </div>
                                <div class='component-agreement__item'> 确认人收到借条后，如果发觉借条载明信息有误，可以退回给起草人；如果确认无误，点击确认借条按钮即代表认可借条中约定信息，确认后本协议即时生效。</div>
                            </section>
                            <section class='component-agreement__item no-indent'><h3 class='component-agreement__title no-indent'>三、补借条流程</h3>
                                <div class='component-agreement__item'>
                                    出借人和借款人在线下完成了借款资金的划转交割，需要通过有借平台完善借款手续的，双方都可以在有借平台起草借条，起草完成后点击发送按钮，即代表承认借条中约定的借款金额、起借日期、还款日期、年化利率等信息。在确认人确认该借条之前，起草人有权利将该借条删除。
                                </div>
                                <div class='component-agreement__item'> 确认人收到借条后，如果发觉借条载明信息有误，可以驳回给起草人；如果确认无误，点击确认借条按钮即代表认可借条中约定信息，确认后本协议即时生效。</div>
                            </section>
                            <section class='component-agreement__item no-indent'><h3 class='component-agreement__title no-indent'>四、借款费用</h3> <h4 class='component-agreement__item bold'>1、交易服务费</h4>
                                <div class='component-agreement__item'>
                                    借款人应按双方约定的标准向丙方支付交易服务费<span v-if='info.serviceFee'>{{info.serviceFee | toYuan}}</span>元，作为丙方有借平台提供信息促成双方交易的居间服务费。本协议生效的同时，借款人的该支付义务同时生效，该费用从出借人支付给借款人的款项中直接扣除，且不因任何原因退还借款人。补借条服务不支付该交易服务费。
                                </div>
                                <h4 class='component-agreement__item bold'> 2、借款手续费 </h4>
                                <div class='component-agreement__item'>
                                    借款人应按双方约定的标准向丙方支付交易手续费<span v-if='info.commissionFee'>{{info.commissionFee | toYuan}}</span>元，用于丙方向第三方支付公司支付手续费以及丙方的账户管理费。本协议生效的同时，借款人的该支付义务同时生效，该费用从出借人支付给借款人的款项中直接扣除，且不因任何原因退还借款人。
                                </div>
                                <div class='component-agreement__item'> 补借条服务不支付该借款手续费。</div>
                                <h4 class='component-agreement__item bold'> 3、线上还款手续费（仅补借条服务有此费用） </h4>
                                <div class='component-agreement__item'> 补借条服务如果通过有借平台还款，需要按丙方规定支付还款金额的5‰。如果通过线下方式还款则无此手续费。</div>
                                <div class='component-agreement__item no-indent'> 注意：有借平台保留单方面制定及调整上述费用标准的权利。以上费用不影响借款双方使用有借平台上的其他服务时应向丙方支付的其他服务费用。</div>
                            </section>
                            <section class='component-agreement__item no-indent'><h3 class='component-agreement__title no-indent'>五、偿还方式</h3>
                                <div class='component-agreement__item no-indent'>
                                    1、借款人必须通过有借平台偿还借款本息以及罚息、违约金等款项，但补借条服务除外。借款人必须按本协议的约定按时、足额偿还乙方的本金和利息，否则会对借款人的信用记录造成影响。还款日不受法定假日或公休日的影响，还款日前必须还款。
                                </div>
                                <div class='component-agreement__item no-indent'>
                                    2、补借条服务的，借款人可以通过线上或者线下的方式予以还款，线上是指借款人通过有借的账户系统将待还本息偿还到乙方的账户余额中，如果甲方采取此种还款方式，需按本协议前述约定向丙方支付线上还款手续费。
                                </div>
                                <div class='component-agreement__item no-indent'>
                                    如果借款人通过支付宝、微信或现金等线下方式将待还本息偿还给了出借人，借款人需要在有借平台上发起一个已还款提醒，出借人在收到该消息且核实已收到借款人的线下还款后，则可点击确认按钮以终结借条。如果乙方核实后发现没有收到甲方的线下还款，可以将该消息驳回或致电问询。
                                </div>
                                <div class='component-agreement__item no-indent'>注意：如果甲方通过线下方式将本息偿还给了乙方，但未在有借平台上发起已还款提醒，则有借平台视为未还款，因此引起的一切后果由甲方自行承担。
                                </div>
                                <div class='component-agreement__item no-indent'>
                                    3、借款人不得迟于本协议第一条约定的借款期限届满当日（以下简称“还款日”）22:00将全部借款本金、利息存入其支付账户。借款人在此不可撤销地授权：自还款日0:00起壹潘指定的第三方支付机构可随时将借款人支付账户的资金划转至出借人支付账户（经丙方转付），前述划转金额以本协议项下未偿还的借款本金、利息、罚息（如有）、逾期管理费（如有）为限。出借人与借款人一致同意，自本协议生效之日起，出借人不得免除本协议项下借款人的部分或全部债务。
                                </div>
                                <div class='component-agreement__item no-indent'> 4、有借有权在还款日之前向借款人发出还款提示。</div>
                            </section>
                            <section class='component-agreement__item no-indent'><h3 class='component-agreement__title no-indent'>六、承诺与保证</h3>
                                <div class='component-agreement__item no-indent bold'>
                                    1、出借人保证其所用于出借的资金来源合法，系出借人的自有资金，出借人是该资金的合法所有人，如果第三方对资金归属、合法性问题发生争议，由出借人自行负责解决。如出借人未能解决，则放弃享有其所出借款项所带来的利息收益。
                                </div>
                                <div class='component-agreement__item no-indent bold'> 2、出借人承诺其拥有非保本类金融产品投资的经历并熟悉互联网。</div>
                                <div class='component-agreement__item no-indent bold'> 3、借款人承诺，不会违反中国的法律法规、将所借资金用于违规或非法用途，否则由此造成的损失全部由借款人承担。</div>
                            </section>
                            <section class='component-agreement__item'><h3 class='component-agreement__title no-indent'>七、违约与还款能力降低</h3> <h4 class='component-agreement__item bold'> 1、借款人行为符合以下情形中任意一种的即视为违约，包括： </h4>
                                <div class='component-agreement__item'> （1）借款人交易到期未足额偿还借款本金、利息及相应费用的；</div>
                                <div class='component-agreement__item'> （2）违反中国的法律法规、将所借资金用于违规或非法用途的；</div>
                                <div class='component-agreement__item'> （3）借款人提供虚假资料或隐瞒重要事实的。</div>
                                <h4 class='component-agreement__item bold'> 2、借款人行为符合以下情形中之任意一种即视为还款能力降低： </h4>
                                <div class='component-agreement__item'> （1）在出借人以外任何第三方的其他借款、担保、赔偿、承诺或任何其他债务出现严重违约情况，影响或可能影响借款人还款能力的；</div>
                                <div class='component-agreement__item'> （2）部分或者全部丧失民事行为能力、死亡、被宣告死亡或者被宣告失踪，影响或可能影响借款人还款能力的；</div>
                                <div class='component-agreement__item'> （3）借款人被采取刑事强制措施，影响或可能影响借款人还款能力的；</div>
                                <div class='component-agreement__item'> （4）借款人财产被没收、征用、查封、损坏、扣押、冻结的或借款人财产遭受重大损失，影响或可能影响借款人还款能力的；</div>
                                <div class='component-agreement__item'> （5）出现任何其他影响或可能影响借款人还款能力的事件。</div>
                                <h4 class='component-agreement__item bold'>
                                    3、若借款人发生违约行为或者还款能力降低事件，或根据出借人/有借合理判断借款人可能发生本条第1款和第2款所述事件的，出借人有权委托壹潘通过互联网在线和线下各种方式向借款人进行催收，出借人与借款人一致同意壹潘有权采取下列任何一项、几项或全部措施予以债权救济： </h4>
                                <div class='component-agreement__item'> （1）立即取消全部或部分借款；</div>
                                <div class='component-agreement__item'> （2）宣布借款全部提前到期，借款人应立即偿还所有应付款，包括但不限于欠款本金、利息、罚息及其他各项相关费用等；</div>
                                <div class='component-agreement__item'> （3）解除本协议；</div>
                                <div class='component-agreement__item'>
                                    （4）在符合法律、法规相关规定的情况下采取适当的方式对借款人进行电话催收、上门催收、信函催收、委托第三方催收、司法诉讼催收、通过电视、报刊等媒体进行公告催收等，以及向有关部门或者单位予以通报；
                                </div>
                                <div class='component-agreement__item'> （5）对借款人支付账户进行冻结、扣划等操作；</div>
                                <div class='component-agreement__item'> （6）对拒不归还欠款的，在有借平台上向所有用户披露借款人的违约信息；</div>
                                <div class='component-agreement__item'> （7）将借款人违约情况和个人资料提供给依法成立的个人征信机构；</div>
                                <div class='component-agreement__item'> （8）采取法律、法规以及本协议约定的其他救济措施。</div>
                                <div class='component-agreement__item no-indent'> 以上各项约定不影响出借人对借款人采取法律允许的任何催收措施及行动的权利与救济。出借人有权根据法律法规及本协议的约定向借款人进行催收。</div>
                            </section>
                            <section class='component-agreement__item'><h3 class='component-agreement__title no-indent'>八、罚息与费用</h3>
                                <div class='component-agreement__item no-indent bold'> 1、从还款日的次日计算罚息，以截至当日未偿还借款本金利息之和为基数，每日按年化利率24%计收罚息。</div>
                                <div class='component-agreement__item no-indent bold'>
                                    2、借款人通过求借款或申请出借完成借款(注:不包括通过补借条完成借款)，未按期还款，借款人未按期足额偿还借款本金、利息和罚息的，借款人应按照下述计算方式向壹潘支付逾期管理费：
                                </div>
                                <div class='component-agreement__item'> （1）自还款日次日起按“截至当日未偿还借款本金、利息与罚息之和×0.1%/天”的标准支付基础逾期管理费；</div>
                                <div class='component-agreement__item'>
                                    （2）如借款人自还款日后第15日22:00前未足额偿还本金、利息和罚息的，借款人应在基础逾期管理费之外再按“截至逾期第16日未偿还借款本金、利息、罚息与基础逾期管理费之和×5%”的标准向壹潘支付特别逾期管理费；如借款人自还款日后第29日22:00前未足额偿还本金、利息和罚息的，特别逾期管理费的金额调整为“截至逾期第30日未偿还借款本金、利息、罚息与基础逾期管理费之和×10%”。
                                </div>
                                <div class='component-agreement__item no-indent bold'>
                                    3、自还款日的次日起，借款人的每笔还款金额分为借款本金、利息、罚息与逾期管理费两个部分按比例偿还，两个部分占每笔还款金额的比例分别为：应还借款本金、利息、罚息的金额占应还借款本金、利息、罚息与应还逾期管理费总和之比；应还逾期管理费的金额占应还借款本金、利息、罚息与应还逾期管理费总和之比。
                                </div>
                                <div class='component-agreement__item no-indent'> 借款本金、利息、罚息的金额按照罚息、利息、借款本金的顺序依次偿还。</div>
                            </section>
                            <section class='component-agreement__item'><h3 class='component-agreement__title no-indent'>九、违约</h3>
                                <div class='component-agreement__item'>
                                    甲已双方需保证其提供的信息和资料的真实性，不得提供虚假资料或隐瞒重要事实。提供虚假资料或者故意隐瞒重要事实的，构成违约，应承担违约责任；构成犯罪的，丙方将有权向相关国家机关报案，追究其刑事责任。
                                </div>
                                <div class='component-agreement__item'>
                                    如果甲方没有按照约定按时、足额偿还对乙方的本金和利息，则甲方按本协议的约定承担违约责任。丙方作为信息中介，不承担对乙方未收回本息部分的代偿责任。丙方拥有将甲方违约失信的相关信息在媒体披露的权利，并且丙方会将甲方违约信息录入有借平台黑名单以供他人查阅，并提供甲方的相关个人信息（包括但不局限于本人基础信息、紧急联系人信息常用联系号码、详细收货地址）给予乙方以供催收。</div>
                            </section>
                            <section class='component-agreement__item'><h3 class='component-agreement__title no-indent'>十、担保</h3>
                                <div class='component-agreement__item no-indent bold'> 1、如果本协议所涉及的借贷交易有担保人，则适用本条款。</div>
                                <div class='component-agreement__item no-indent bold'> 2、为担保本合同项下借款人债务的履行，保证人愿意为借款人提供保证。</div>
                                <div class='component-agreement__item no-indent bold'>
                                    3、本合同的保证方式为连带责任保证。保证债务范围包括但不限于：1）应向出借人支付的借款本金、利息、罚息、违约金、赔偿金、实现债权的费用（包括但不限于诉讼费用、律师费用、公证费用、执行费用等）以及因债务人违约而给本合同债权人造成的损失和其他所有应付费用。2）应向壹潘支付的服务费、交易手续费、线上还款手续费、逾期管理费、违约金、赔偿金、实现债权的费用（包括但不限于诉讼费用、律师费用、公证费用、执行费用等）以及因债务人违约而给壹潘造成的损失和其他所有应付费用。
                                </div>
                                <div class='component-agreement__item no-indent bold'> 4、本合同的保证期间为借款成功之日，至借款人清偿完毕借款协议项下的包括但不限于保证债务范围内的所有应付款项。</div>
                                <div class='component-agreement__item no-indent bold'> 
                                    5、担保人为借款人提供担保，借款人应向担保人支付担保费元。该费用于出借人向借款人支付借款时由有借平台直接扣留并转交担保人。借款人同意该费用支付方式。
                                </div>
                                <div class='component-agreement__item no-indent bold'> 
                                    6、借款人未按借款协议的约定按时、足额偿还借款本金和利息时，有借平台会向担保人推送消息，告知借款逾期的事实同时限期担保人代替还款。担保人未能按通知要求代替还款，会对其信用记录造成影响。还款日不受法定假日或公休日的影响，还款日前必须还款。
                                </div>
                                <div class='component-agreement__item no-indent bold'> 
                                    7、担保人在此不可撤销地授权：如其未能承担担保责任按要求代替借款人还款，壹潘指定的第三方支付机构可随时将担保人支付账户的资金划转至出借人支付账户（经丙方转付），前述划转金额以本协议项下的担保债务金额为限。出借人与借款人一致同意，自本协议生效之日起，出借人不得免除本协议项下担保人的部分或全部责任。
                                </div>
                                <div class='component-agreement__item no-indent bold'> 
                                    8、若主债权未受清偿，债权人在本合同约定的保证期间内要求保证人承担保证责任的，从债权人要求保证人承担保证责任之日起，保证债务开始起算并适用诉讼时效。
                                </div>
                            </section>
                            <section class='component-agreement__item'><h3 class='component-agreement__title no-indent'>十一、债权转让</h3>
                                <div class='component-agreement__item'>
                                    出借人有权将本协议项下的部分或全部债权转让给壹潘（壹潘根据债权情况决定是否接受）或有借平台上的其他注册用户，出借人委托壹潘将债权转让事项通过向借款人在有借平台注册手机号码发送短信或平台信息推送的方式通知借款人。短信或平台信息推送一经发出即视为已通知借款人。
                                </div>
                                <div class='component-agreement__item'> 借款人同意，壹潘将债权转让事项通知借款人时，可以不告知债权受让人的真实姓名，无论是否知晓债权受让人真实姓名，该债权转让均对借款人生效。</div>
                                <div class='component-agreement__item'> 出借人转让债权后，本协议项下其他条款不受影响，债权受让人取代出借人享有本协议项下出借人的各项权利。</div>
                                <div class='component-agreement__item'> 壹潘同意接受出借人的债权转让的，按下一条“催收支持”执行。</div>
                            </section>
                            <section class='component-agreement__item'><h3 class='component-agreement__title no-indent'>十二、催收支持</h3>
                                <div class='component-agreement__item'>
                                    借款人逾期60日未偿还借款的，经壹潘同意，出借人可以委托壹潘为其提供包括诉讼在内的催收服务，出借人可将本协议项下债权零对价转让给壹潘，由壹潘对借款人进行催收直至提起民事诉讼。上述诉讼所需费用（包括但不限于案件受理费、公告费、公证费等）在出借人与壹潘签署债权转让协议时由壹潘向债权人一次性收取。出借人拒绝缴纳上述诉讼费用或缴纳不足视为出借人自动放弃了相应的权利，壹潘将停止后续诉讼服务，造成的后果由出借人自行承担。
                                </div>
                                <div class='component-agreement__item'> 通过上述诉讼追偿回的金额扣除逾期管理费后，壹潘将全部返还给出借人。</div>
                                <div class='component-agreement__item'> 出借人转让债权后可随时以零元价格从壹潘回购该债权。</div>
                                <div class='component-agreement__item'> 上述债权转让的具体内容将由出借人与壹潘另行签订协议约定。</div>
                                <div class='component-agreement__item'> 上述债权转让由原债权人委托壹潘通过向借款人有借平台注册手机号码发送短信或平台信息推送的方式通知借款人。短信或平台信息推送一经发出即视为已通知借款人。</div>
                            </section>
                            <section class='component-agreement__item'><h3 class='component-agreement__title no-indent'>十三、其他</h3>
                                <div class='component-agreement__item'> 本协议经甲、乙<span class='component-agreement__item'>双</span>方通过丙方有借平台以网络在线点击确认的方式签订，各方点击确认后本合同生效。由于有借平台的业务流程，担保人在点击确认本协议时可能出借人尚未确定，但担保人在此不可撤销地确认其仍愿意为借款人提供担保，且一旦出借人点击确认本协议，本协议同时自动生效，而且在本协议履行过程中担保人不会以确认本协议时出借人尚未确定为由免除自己的担保责任。各方委托有借平台保管所有与本协议有关的书面文件或电子信息，且认可“有借”平台在未来发生的相关纠纷中向有关裁判机构提交该等文件信息的权利和证明争议事实的效力。
                                </div>
                                <div class='component-agreement__item'> 各方均确认，本协议的签订、生效和履行以不违反法律为前提。如果本协议中的任何一条或多条违反适用的法律，则该条将被视为无效，但该无效条款并不影响本协议其他条款的效力。</div>
                                <div class='component-agreement__item'> 若甲方与丙方、乙方与丙方或甲乙丙<span class='component-agreement__item'>三</span>方发生任何纠纷或争议，首先应友好协商解决，协商不成的，同意将纠纷或争议提交丙方住所地有管辖权的人民法院，相关的诉讼费、律师代理费等因追索权利而发生的合理费用均由败诉方承担。
                                </div>
                                <div class='component-agreement__item'>
                                    若甲方与乙方发生任何纠纷或争议，首先应友好协商解决，协商不成的，同意将纠纷或争议提交提起诉讼一方住所地有管辖权的人民法院，相关的诉讼费、律师代理费等因追索权利而发生的合理费用均由败诉方承担。
                                </div>
                                <div class='component-agreement__item'> 本协议中所使用的定义，除非另有规定，否则应适用有借平台释义规则，有借平台对本文定义享有最终解释权。</div>
                            </section>
                            <div class="stamp">
                                <img class="seal-size" src="../images/stamp.png" v-show='no || iou'>
                                <div class='component-agreement__item bold'>甲方（借款人）：{{info.user.realName}}</div>
                                <div class='component-agreement__item bold'>乙方（出借人）：{{info.lendUser.realName}}</div>
                                <div class='component-agreement__item bold'>丙方（居间服务商）：<span class='component-agreement__item bold'>浙江壹潘科技有限公司</span></div>
                                <div class='component-agreement__item bold'>签订日期：{{info.borrowAt | dateFormat}}</div>
                            </div>
                        </div>
                    </template>
                </div>
    
                <div>
                    <!-- type == "register" -->
                    <template v-if='type == "register"'>
                        <div class='component-agreement__list'>
                            <!-- <div class='component-agreement__item no-indent center'>（版本号:v20170401）</div> -->
                            <div class='component-agreement__title'>一、总则</div>
                            <div class='component-agreement__item'>1.1 51手机贷（以下简称“本产品”）各项服务的所有权和运营权归杭州壹潘科技有限公司（以下简称“本公司”）所有。</div>
                            <div class='component-agreement__item'>1.2 在注册成为本产品用户（以下简称“用户”）前，请用户务必认真、仔细阅读，并对本协议全部内容作充分理解。用户成功注册或使用本产品，即视为用户已经充分理解和同意本协议全部内容，本协议立即在用户与本公司之间产生法律效力，用户注册使用本产品服务的全部活动将受到本协议的约束并承担相应的责任和义务。如用户不同意本协议内容，请不要注册或使用本产品。</div>
                            <div class='component-agreement__item'>1.3 用户须保证在注册或使用本产品时，已经年满18周岁且具备完全民事行为能力。如用户不具备前述条件，用户应终止注册或停止使用本产品。用户若通过本人注册的账户为其他不具备前述条件的任何第三方借款，本公司有权拒绝提供服务，已提供服务的，本公司有权终止并保留追究责任的权利，因此产生的任何法律责任由用户自行承担。</div>
                            <div class='component-agreement__item'>1.4 用户在此确认知悉并同意本公司有权根据需要不时修改、增加或删减本协议。本公司将采用在本产品公示的方式通知用户该等修改、增加或删减，用户有义务注意该等公示。一经本产品公示，视为已经通知到用户。用户同意并确认，本公司可能以页面消息、微信、短消息等方式向用户发送将来可能发布的各类规则，该等规则构成本协议的一部分。若用户在本协议及各类规则变更后继续使用本产品服务的，视为用户已仔细认真阅读、充分理解并同意接受修改、增加或删减后的本协议及各类规则，且用户承诺遵守修改、增加或删减后的本协议及各类规则内容，并承担相应的责任和义务。若用户不同意修改、增加或删减后的本协议或各类规则内容，应立即停止使用本产品服务，本公司保留中止、终止或限制用户继续使用本产品服务的权利，但该等终止、中止或限制行为并不豁免用户在本产品已经发生的行为下所应承担的责任和义务。本公司不承担任何因此导致的法律责任。</div>
                            <div class='component-agreement__title'>二、使用说明</div>
                            <div class='component-agreement__item'>2.1 用户必须为符合中华人民共和国法律规定的具有完全民事权利和民事行为能力，能够独立承担民事责任的自然人。若用户违反前述限制注册使用本产品的，其监护人应承担所有责任。</div>
                            <div class='component-agreement__item'>2.2 用户注册时请按照本产品要求准确提供个人信息，并在取得注册账户（下称“该账户”）后及时更新用户准确、最新、完整的身份信息及相关资料，包括不限于手机号码、身份证号码、亲属联系人及社会联系人姓名、职业、银行账户等信息，以便本公司与用户进行及时、有效联系。</div>
                            <div class='component-agreement__item'>2.3 用户保证注册时提供的个人信息是完全真实的，本产品不向学生开放。</div>
                            <div class='component-agreement__item'>2.4 该账户仅供用户本人使用，用户对使用该账户或密码进行的一切操作及言论负完全的责任。用户须对该账户、密码、身份信息等进行妥善保管，对于因密码、身份信息、校验码等泄露所致的损失由用户自行承担。如用户存在遗失手机或身份证件或银行卡以及其他可能危及本产品账户资金安全或发现有他人冒用或盗用用户的账户登录名及密码或任何其他未经合法授权的情形，应立即以有效方式通知本公司，向本公司申请暂停相关服务。除非另有法律规定或经司法裁判，且征得本公司同意，否则用户不得以任何方式转让、赠与或继承（相关的财产权益除外）其账号及密码等个人信息。</div>
                            <div class='component-agreement__item'>2.5 用户不得通过本人注册的账户为任何第三方借款，用户充分知悉并承诺，不得以本人的账户出租、出借给他人，且用户充分知悉：若用户以本人账户出租、出借给他人使用，用户仍应承担《51手机贷借款服务协议》项下的还款及其他义务。</div>
                            <div class='component-agreement__item'>2.6 若用户有上述违反本协议约定情形的，产生的任何法律责任均由用户承担，本公司对此不承担任何法律责任。</div>
                            <div class='component-agreement__item'>2.7 在需要终止使用本产品时，用户可以申请注销本产品账户，用户应当依照51手机贷规定的程序进行账户注销。本产品账户注销将导致本公司终止为用户提供本产品及相关服务，本协议约定的双方的权利义务终止，但依本协议其他条款另行约定不得终止的或依其性质不能终止的除外。</div>
                            <div class='component-agreement__item'>2.8 存在以下情形的，本公司有权拒绝用户注销账户的申请并应将拒绝理由告知用户：1.该账户尚存在未了结的权利义务关系；2.注销该账户会损害本公司、本公司用户或他人的合法权益；3.本公司认为不适宜注销该账户的其他情形。</div>
                            <div class='component-agreement__title'>三、服务内容</div>
                            <div class='component-agreement__item'>本产品是由本公司投资并运营的提供自然人间借款信息及撮合服务平台。本公司为用户提供的服务包括但不限于：借款审批、合同管理、资金代管、还款管理，以及促成用户与第三方出借人达成交易的居间服务，具体内容以本产品当时提供的服务内容为准。</div>
                            <div class='component-agreement__item'>3.1 借款申请审批：用户应当按照本产品要求的程序进行申请，包括但不限于银行储蓄卡绑定、持证自拍、本公司工作人员或本公司指定的机构及人员与用户通过QQ、微信、电话进行核实等。用户完成上述申请程序后，本公司将对用户的申请进行审批。</div>
                            <div class='component-agreement__item'>3.2 代付：在订立借款合同后，本公司接受第三方出借人委托，将用户借款款项存入用户指定的账户内。</div>
                            <div class='component-agreement__item'>3.3 代扣：在订立借款合同后，用户委托本公司及本公司授权/聘请的具备相关业务资质的第三方从用户银行账户上代为扣取应还/应付款项，并用于向第三方出借人支付还款。</div>
                            <div class='component-agreement__item'>3.4 查询：本公司将对用户在本产品中的所有操作进行记录，不论该操作之目的最终是否实现。用户可以在本产品中查询其注册用户名下的个人信息及借贷交易记录。</div>
                            <div class='component-agreement__item'>3.5 广告：提供服务的过程中，本公司可以自行或由第三方广告商向用户发送广告、推广或宣传信息（包括商业与非商业信息），其方式和范围可不经向用户特别通知而变更。对服务中出现的广告信息，用户应审慎判断其真实性和可靠性，除法律明确规定外，用户应对依该广告信息进行的交易负责。</div>
                            <div class='component-agreement__title'>四、信息授权</div>
                            <div class='component-agreement__item'>壹潘致力于取得和维护用户对我们的信任，因此壹潘会使用商业上合理的技术和其他措施，防止用户的个人信息的丢失和被盗用。为尽可能地保护用户的个人信息安全，壹潘提请用户注意：</div>
                            <div class='component-agreement__item'>1) 请妥善保管用户的用户名及密码信息。壹潘将通过对用户密码进行加密等安全措施确保用户的信息不丢失，不被滥用和变造。尽管有前述安全措施，但同时也请用户注意在信息网络上不存在“完善的安全措施”，用户信息仍存在丢失 、被盗用的可能，非因壹潘过错发生上述情况，壹潘不承担任何责任。</div>
                            <div class='component-agreement__item'>2) 基于防火墙或其他安全软件可能发生故障，或按照当前商业上可以采取的安全手段也难以避免或及时消除的故障及破坏，将可能导致用户信息遭到外部访问、窃取或删除，此等情形下壹潘不承担相应的责任。</div>
                            <div class='component-agreement__item'>3) 因不可抗力所导致的用户资料及信息泄露（包含但不限于黑客攻击、第三方导致的系统缺陷等），壹潘不承担相应的责任。</div>
                            <div class='component-agreement__title'>四、信息披露</div>
                            <div class='component-agreement__item'>为了更加充分的了解用户情况，以便向用户提供更好的服务，用户同意本公司向服务方提供其个人资料信息；用户充分理解并授权，服务方有权从用户在本产品的活动追踪用户个人资料信息，以及自行通过公开渠道、第三方渠道或私人渠道等合法渠道查询、收集用户必要的个人资料信息。用户确认，服务方根据本协议提供、追踪、查询和收集的用户“个人资料信息”包括但不限于以下各项：</div>
                            <div class='component-agreement__item'>4.1 用户的身份信息，包括但不限于姓名、住所、电话号码、学历、工作状况、社会关系等；</div>
                            <div class='component-agreement__item'>4.2 用户访问本产品的设备信息，包括但不限于设备型号、设备标识、系统版本、IP地址、位置轨迹；</div>
                            <div class='component-agreement__item'>4.3 用户的通讯信息，包括但不限于手机通讯录、短信记录、通话记录、手机运营商提供的通话及短信详单。用户须在申请借款的过程中根据平台提示输入个人手机通讯运营商的服务密码、验证码等信息，知悉且同意授权本公司或本公司聘用的其他第三方机构使用上述服务密码、验证码等信息获取用户的手机消费账单、清单、实名制等；</div>
                            <div class='component-agreement__item'>4.4 用户的信用信息，包括但不限于征信记录、信用报告、信用评分；</div>
                            <div class='component-agreement__item'>4.5 用户的财产信息，包括但不限于银行卡信息、信用卡信息、社会保险信息、住房公积金信息、房产信息、车辆信息、投资（包括股票、债券、基金、保险等）信息、经营信息、债务信息、逾期信息；</div>
                            <div class='component-agreement__item'>4.6 用户的网络活动信息，包括但不限于网络银行、第三方支付机构、微信、支付宝、淘宝、京东等社交及/或交易平台的账户信息及交易详单；</div>
                            <div class='component-agreement__title'>4.7 用户在服务方的关联方、合作方的网络活动信息，与该等关联方、合作方之间存在的合同及用户在该等合同项下的履约情况；</div>
                            <div class='component-agreement__item'>4.8 用户在行政机关、司法机关、行业协会留存的信息，包括但不限于户籍信息、工商信息、诉讼信息、执行信息和违法犯罪信息等；</div>
                            <div class='component-agreement__item'>4.9 与本协议项下服务相关的、用户留存在其他自然人、法人和组织的其他相关信息。</div>
                            <div class='component-agreement__item'>4.10 在本产品使用中，如用户同意向本公司提交、绑定或授权用户的银行卡信息／账户，本公司将可能：</div>
                            <div class='component-agreement__item'>4.11 用户授权服务方，基于履行协议、提供服务、保障安全等目的，对于用户提供的个人资料信息及第三方收集的信息，在法律允许的范围内，具有合理使用、披露的权利。</div>
                            <div class='component-agreement__item'>4.12 用户确认，其授权服务方通过以下渠道追踪、查询及收集用户个人资料信息：</div>
                            <div class='component-agreement__item'>1) 行政机关、司法机关、行业协会等类似政府、监管机构；</div>
                            <div class='component-agreement__item'>2) 依法设立的征信机构、信用评级机构、资信评估机构等类似机构；</div>
                            <div class='component-agreement__item'>3) 合法获取用户个人资料信息的其他自然人、法人以及组织（包括但不限于手机运营商、银行、服务方的关联方、合作方以及其他互联网信息服务提供商如微信、支付宝、淘宝、京东等）。</div>
                            <div class='component-agreement__item'>4.13 用户如通过本产品进行借款，应当依据《51手机贷借款服务协议》中约定进行还款，本公司有权通过电话、短信、微信、手机应用通知、发律师函、上门等途径对用户进行服务与还款提醒。用户理解并同意，如用户未按期履行还款义务，本公司将依照《51手机贷借款服务协议》约定公开用户的逾期信息。</div>
                            <div class='component-agreement__title'>五、使用规则</div>
                            <div class='component-agreement__item'>为有效保障用户使用本产品时的合法权益，用户理解并同意接受以下规则：</div>
                            <div class='component-agreement__item'>5.1 用户应按照平台要求实名注册并完整填写相关个人信息，否则用户可能会受到借款、提现、还款的限制，且本公司有权对用户的账户进行冻结，直至用户达到实名。用户须保证所提交用户信息的真实性，如有虚假，本公司有权拒绝提供服务，涉嫌欺诈或盗用他人信息的，将可能记入网络征信系统，影响用户的征信记录，同时本公司将保留追究用户相应法律责任的权利。</div>
                            <div class='component-agreement__item'>5.2 本公司并非银行或其他金融机构，本产品也非金融业务，本协议项下的资金移转均通过银行或第三方支付公司来实现，用户理解并同意其资金于流转途中的合理时间。</div>
                            <div class='component-agreement__item'>5.3 因用户的过错导致的任何损失均由用户自行承担，该过错包括但不限于：不按照交易提示操作，未及时进行交易操作，遗忘或泄漏密码、校验码等，密码被他人破解等。</div>
                            <div class='component-agreement__item'>5.4 在用户使用本产品时，本公司有权收取相关服务费用。本公司拥有制订及调整服务费之权利，具体服务费用以用户使用本产品时产品页面上所列之收费方式公告或用户与本公司达成的其他电子或书面协议为准。</div>
                            <div class='component-agreement__title'>六、用户守法承诺</div>
                            <div class='component-agreement__item'>6.1 用户在使用本产品时应遵守中华人民共和国相关法律法规、用户所在国家或地区之法令及相关国际惯例，不将本产品用于任何非法目的，也不以任何非法方式使用本产品，否则51手机贷有权拒绝提供服务，或提前终止协议并追回借款，且用户应承担所有相关法律责任。</div>
                            <div class='component-agreement__item'>6.2 用户承诺严格按照本协议履行义务。如未完全履行义务，51手机贷有权将其违约行为记入信用资料，有权在任何形式的媒体上公布其违约行为。</div>
                            <div class='component-agreement__title'>七、隐私权保护</div>
                            <div class='component-agreement__item'>本公司重视对用户隐私的保护。仅限于向用户提供服务及提升服务质量的目的和以下情形，本公司收集或使用用户的个人信息：</div>
                            <div class='component-agreement__item'>7.1 经过用户同意或授权，本公司可从公开及私人资料中收集用户信息，为用户提供更合理的服务。</div>
                            <div class='component-agreement__item'>7.2 某些服务和（或）产品由本公司的合作伙伴提供或由本公司与合作伙伴共同提供，本公司会与其共享提供服务和（或）产品需要的信息，且在此情形下，本公司需要求该等合作伙伴承担相应的保密义务。</div>
                            <div class='component-agreement__item'>7.3 本公司有义务根据有关法律要求向司法机关和政府部门提供用户的个人资料。</div>
                            <div class='component-agreement__item'>7.4 根据法律规定及合理商业习惯，在本公司计划与其他公司合并或被其收购或进行其他资本市场活动（包括但不限于IPO，债券发行）时，以及其他情形下本公司需要接受来自其他主体的尽职调查时，本公司会把用户的信息提供给必要的主体，但本公司会通过和这些主体签署保密协议等方式要求其对用户的个人信息采取合理的保密措施。</div>
                            <div class='component-agreement__title'>八、平台中断或故障</div>
                            <div class='component-agreement__item'>8.1 用户理解并同意，在使用本产品的过程中，由于互联网平台的特殊性，本公司不承诺服务不发生中断或者故障。由于系统维护、设备故障、黑客攻击及其他不可抗据因素造成的影响，导致用户无法使用相关服务，本公司无需承担任何法律责任。</div>
                            <div class='component-agreement__title'>九、 责任范围及责任限制</div>
                            <div class='component-agreement__item'>9.1 用户信息是由用户本人自行提供的，本公司无法保证该信息之准确、及时和完整。本公司仅对本协议中列明的责任承担范围负责。</div>
                            <div class='component-agreement__item'>9.2 用户由本公司任何工作人员处所取得的建议、说明，均不构成本公司对服务的承诺和保证。由此产生的法律后果，本公司将不承担任何法律责任。</div>
                            <div class='component-agreement__title'>十、知识产权保护</div>
                            <div class='component-agreement__item'>10.1 本公司平台上所有内容，包括但不限于著作、图片、档案、资讯、资料、网站架构、网站画面的安排、网页设计，均由本公司或关联公司依法拥有其知识产权，包括但不限于商标权、专利权、著作权、商业秘密等。</div>
                            <div class='component-agreement__item'>10.2 非经本公司或关联企业书面同意，任何人不得擅自使用、修改、复制、公开传播、改变、散布、发行或公开发表本网站程序或内容。</div>
                            <div class='component-agreement__item'>10.3 尊重知识产权是用户应尽的义务，如有违反，用户应承担损害赔偿责任。</div>
                            <div class='component-agreement__title'>十一、法律适用与管辖</div>
                            <div class='component-agreement__item'>本协议之效力、解释、变更、执行与争议解决均适用中华人民共和国法律，没有相关法律规定的，参照通用国际商业惯例和（或）行业惯例。因本协议产生之争议，均应依照中华人民共和国法律予以处理，并由本公司所在地的人民法院管辖。</div>
                            <div class='component-agreement__title'>十二、附加条款</div>
                            <div class='component-agreement__item'>在51手机贷的某些部分或页面中可能存在除本协议之外的单独的附加服务条款，当个这些条款存在冲突时，在该些部分和页面中的附加条款优先适用。</div>
                            <div class='component-agreement__title'>十三、条款的独立性</div>
                            <div class='component-agreement__item'>若本协议的部分条款被认定为无效或者无法实施时，本协议中的其他条款仍然有效。</div>
                        </div>
                    </template>
                </div>
                
                <div>
                    <!-- type == "register" -->
                    <template v-if='type == "report"'>
                        <div class='component-agreement__list'>
                            <div class='component-agreement__item no-indent center'>（版本号:v20170401）</div>
                            <div class='component-agreement__item no-indent'>重要提示：</div>
                            <div class="component-agreement__item">尊敬的客户：为了维护您的权益，请在签署本协议前，仔细阅读本协议各条款，关注您在此用户使用协议中的权利、义务。</div>
                            <div class='component-agreement__item'>本协议一经您在浙江壹潘科技有限公司【有借借贷平台】系列产品相关页面上勾选 “同意”按钮，即表明申请人已经先行认真阅读了本协议的全部内容，完全理解和认可本协议的全部内容且无异议。本协议于您点击“确认并继续”按钮之时自动生效，并发生法律效力。</div>
                            <div class='component-agreement__item'>用户确认本许可协议后，本许可协议即在用户和壹潘之间产生法律效力。用户按照壹潘规定的注册程序成功注册为用户，即表示同意并签署了本许可协议。本许可协议不涉及用户与壹潘的其他用户或合作伙伴之间因网上交易而产生的法律关系及法律纠纷，但用户在此同意将全面接受和履行与壹潘其他用户或合作伙伴在壹潘签订的任何电子法律文本，并承诺按该法律文本享有和/或放弃相应的权利、承担和/或豁免相应的义务。</div>
                            <div class='component-agreement__item'>浙江壹潘科技有限公司：</div>
                            <div class='component-agreement__item'>一、本人同意并不可撤销地授权：贵公司按照国家相关规定采集并向征信机构(包括但不限于中国人民银行个人信用信息基础数据库和经中国人民银行批准设立的征信机构)、第三方风控平台、互联网金融数据共享平台等机构提供符合相关规定的本人个人信息和包括信贷信息在内的信用信息（包括本人在贵司办理业务时产生的不良信息）。</div>
                            <div class='component-agreement__item'>二、本人同意并不可撤销地授权：贵公司可以根据国家有关规定，通过征信机构(包括但不限于中国人民银行个人信用信息基础数据库和经中国人民银行批准设立的征信机构)、银行、财务机构、第三方风控平台、互联网金融数据共享联盟平台等机构查询、打印、保存符合相关规定的本人个人信息和包括信贷信息在内的信用信息。</div>
                            <div class='component-agreement__item'>三、为更好的享受贵公司提供的服务，本人知晓并同意：芝麻信用有权基于提供征信服务的需要向合法保存有本人信息的机构采集本人信息（包括由贵公司有权将本人在使用其服务过程中提交或产生的信息提供给芝麻信用），用于验证本人信息的真实性及提供征信服务使用。本人授权芝麻信用，可根据贵司的查询指令，向其提供相关信息的真实性判断结果及本人的信用信息，用以交易决策使用。</div>
                            <div class='component-agreement__item'>四、授权用途包括：</div>
                            <div class='component-agreement__item'>（一）贷款审批，用于贷前调查、贷款审查审批。</div>
                            <div class='component-agreement__item'>（二）贷后管理，用于已发放贷款的贷后管理。</div>
                            <div class='component-agreement__item'>（三）异议核查，用于处理本人异议。</div>
                            <div class='component-agreement__item'>（四）其他依法许可的查询事项。</div>
                            <div class='component-agreement__item'>五、本人同意，在本人发生与贵公司签署的合同、协议、承诺或其他法律性文件项下的违约时，贵公司有权根据违约情况酌情决定公开本人的违约信息，并可以根据欠款催收、债权转让、金融服务外包、交叉销售管理等需要将有关信息提供给催收机构、资产管理公司、外包公司等第三方机构。</div>
                            <div class='component-agreement__item'>六、若涉及本人的贷款业务审批不通过、未实际发生，本人同意贵公司保留本授权书原件以及本人的基础资料（含证件复印件）、信用报告、信贷业务申请书等。</div>
                            <div class='component-agreement__item'>七、本人同意，在本人向贵公司申请授信业务及因贵公司贷后管理需要时，贵公司可查询本人社保、公积金、银行卡流水、贷款、理财、信用卡业务等具体反映本人资信、资质状况的信息，用于贵公司授信调查、贷后管理、担保资质审查、合作准入审核等相关用途。</div>
                            <div class='component-agreement__item'>本人声明，贵公司已经依法向本人提示了相关条款，本人已经完全知悉并充分理解本授权书条款的内容及相应的法律后果，并愿意接受本授权书条款的约定，非经贵公司书面同意本授权书不可撤销。</div>
                        </div>
                    </template>
                </div>

                <div>
                <!-- type == "register" -->
                    <template v-if='type == "other"'>
                        <div class='component-agreement__list'>
                            <div class='component-agreement__item no-indent center'>（版本号:v20170401）</div>
                            <div class="component-agreement__item ">本协议是您和【浙江壹潘科技有限公司】（以下简称“本公司”）为明确服务内容及双方权利义务等而签订。</div>
                            <div class='component-agreement__item bold'>当您在点击确认“同意本协议”或实际使用本公司提供的服务即视为您授权（或获得有效的授权且可将该等授权转授权）本公司，您确认授权（或获得有效的转授权）本公司查看您拟查询的包括但不限于附件中所列您或第三人的所有信息，并将视为已阅读并理解本协议的全部内容</div>
                            <div class='component-agreement__item bold'>请您仔细阅读粗体字的标记，并确保您（及被查询的第三人）已明确知悉本协议的某些条款可能对您（及被查询的第三人）权益具有或可能具有重大关系的条款。</div>
                            <div class='component-agreement__item  bold'>如果您在任何时候对任何内容存在疑虑或异议，或者不同意本协议的任意内容，或者无法准确理解本公司对条款的解释或者未获得第三人的有效授权请不要进行后续操作，一旦您点击同意本协议或进行后续操作或使用本公司的服务，均视为您同意本协议。</div>
                            <div class='component-agreement__title'>一、授权条款</div>
                            <div class='component-agreement__item bold'>1.1您确认在您授权/转授权我们验证并获取您或第三人的包括但不限于本协议附件中所列的信息之前，已仔细阅读、充分理解并自愿接受本协议的全部内容，一旦您使用本公司的服务，即表示您同意并遵守本协议的所有约定。</div>
                            <div class='component-agreement__item bold'>1.2您同意，在您授权/转授权我们验证并获取您或第三人本协议附件所列信息后，本公司有权按照附件中所列的授权内容进行数据查询、获取、使用、暂时保存。</div>
                            <div class='component-agreement__item bold'>1.3您理解并同意，您使用本公司服务时，即授权本公司根据您所提供或授权或查询所得的各项信息及本公司独立获得的信息进行数据收集并形成数据报告。</div>
                            <div class='component-agreement__item bold'>1.4您授权/转授权本公司将数据或报告转交至您的信息接入路径所对应的第三方公司，用于您在第三方公司的业务分析等用途。</div>
                            <div class='component-agreement__item bold'>1.5您理解并同意，您不可撤销的授权/转授权本公司向第三方公司查询或核实您的相关信息（但法律、法规、监管政策禁止查询的除外）；您同意本公司、本公司关联公司/合作公司有权对您的相关交易信息进行收集并在与业务相关的其他第三方之间共享；同时同意本公司将查询获取的信息进行暂时保存、整理、加工。</div>
                            <div class='component-agreement__item bold'>1.6本公司所生成的数据报告只是利用现有的技术手段对信息做如实的收集，而不对该等信息作任何的修改；但基于互联网信息更新的速度，及第三方存储的信息可能存在的滞后等原因，故本公司不对信息的有效性、准确性、正确性、可靠性、质量、稳定性、完整性和及时性做出任何承诺和保证。</div>
                            <div class='component-agreement__title bold'>二、服务限制及终止</div>
                            <div class='component-agreement__item bold'>2.1您在使用本公司服务之前，如涉及第三人的，应当取得该第三人的合法有效授权，并且该等授权可转委托，否则您不得使用本公司的服务。 若您未能提供该等授权或该等授权有瑕疵的，本公司有权终止向您提供服务，由此产生的责任，由您自行承担，若因此给本公司造成损失或不良影响的，本公司有权追偿。</div>
                            <div class='component-agreement__item'>2.2若您利用本公司提供的服务，违反相关法律、行政法规、地方性法规、部门规章、违反公序良俗、诚实信用、违背社会公共利益或侵犯第三人合法权益的，本公司有权终止服务并要求您立即停止使用本公司服务，由此给本公司带来损失的，本公司有权追偿。</div>
                            <div class='component-agreement__title'>三、保密及隐私</div>
                            <div class='component-agreement__item'>3.1您保证获悉的属于本公司的且无法自公开渠道获得的文件及资料（包括但不限于商业秘密、公司计划、运营活动、财务信息、技术信息、经营信息及其他商业秘密）予以保密。</div>
                            <div class='component-agreement__item'>3.2对于以下信息，双方均免除相应的保密责任：由公众通过合法途径获知的信息；有明确证据证明从第三方获知的；</div>
                            <div class='component-agreement__item'>3.3本条规定的保密义务具有永久法律效力，不因本协议的变更、解除或终止而终止。</div>
                            <div class='component-agreement__item'>3.4任何一方违反本保密条款约定的，应当赔偿由此给对方造成的一切损失。</div>
                            <div class='component-agreement__item'>3.5本公司重视对客户隐私的保护，因收集信息是出于遵守国家法律法规的规定以及向您提供服务及提升服务质量的目的，本公司不会因商业目的而向他人提供您/第三人的任何信息，我们会在下列情况下才会将您的查询信息与第三方分享：</div>
                            <div class='component-agreement__item'>3.5.1获得信息主体的同意/授权/转授权；</div>
                            <div class='component-agreement__item'>3.5.2为了向您提供或推荐服务、产品或为了向您提供更完善的服务，我们会在必要时向合作机构共享您的相关信息；</div>
                            <div class='component-agreement__item'>3.5.3本公司的各项服务及客户服务，并维护、改进这些服务。</div>
                            <div class='component-agreement__item'>3.5.4在某些情况下只有共享您的信息才能向您提供您需要的服务或者产品，或处理您与他人的交易或者纠纷、争议；</div>
                            <div class='component-agreement__item'>3.5.5比较信息的准确性，并与第三方进行验证。</div>
                            <div class='component-agreement__item'>3.5.6本公司为维护本公司及关联公司权益或国家、集体、第三人的权益而预防或禁止的非法活动。</div>
                            <div class='component-agreement__item'>3.5.7经您或第三人许可的其他用途。</div>
                            <div class='component-agreement__item'>3.5.8根据法律法规的规定或有关机关的要求。</div>
                            <div class='component-agreement__title'>四、不可抗力</div>
                            <div class='component-agreement__item'>4.1因不可抗力或者其他意外事件，使得本协议的履行不可能、不必要或者无意义的，双方均不承担责任。本合同所称之不可抗力指不能预见、不能避免并不能克服的客观情况，包括但不限于战争、台风、水灾、火灾、雷击或地震、罢工、暴动、疾病、黑客攻击、网络故障、计算机故障、木马、电信部门技术管制、政府行为或任何其它自然或人为造成的灾难等客观情况。</div>
                            <div class='component-agreement__item'>4.2如任意一方发生不可抗力事件，该方应立即用可能的快捷方式通知另一方。双方应在协商一致的基础上决定是否延期履行本协议、终止本协议。</div>
                            <div class='component-agreement__title'>五、用户义务及免责声明</div>
                            <div class='component-agreement__item'>5.1您承诺，您所提供的信息均为您合法享有或第三人有效授权您享有、获取、保存的第三人的真实信息，不得为虚假或非法获取的信息；若涉嫌虚假信息或盗用他人信息，本公司有权拒绝为您提供服务，由此而产生的全部法律责任将由您自行承担，本公司不对此承担任何法律责任，若因此对本公司带来损失的，本公司有权追究您的法律责任。</div>
                            <div class='component-agreement__item'>5.2本公司仅对本协议中所列明的义务承担责任。</div>
                            <div class='component-agreement__item'>5.3您明确因交易所产生的任何风险应由交易双方自行承担。</div>
                            <div class='component-agreement__title'>六、法律争议及适用</div>
                            <div class='component-agreement__item'>6.1本协议的生效、解释、履行及争议的解决均适用中华人民共和国法律（为免歧义，不包括香港、台湾、澳门地区）。</div>
                            <div class='component-agreement__item'>6.2在协议履行期间，凡由本协议引起的或与本协议有关的一切争议、纠纷，您应与本公司首先协商解决。协商不成，向浙江省杭州市西湖区人民法院提起诉讼。</div>
                            <div class='component-agreement__title'>七、其他</div>
                            <div class='component-agreement__item'>7.1本协议为电子版本。</div>
                            <div class='component-agreement__item'>7.2本协议的某一条款被确认无效，均不影响本协议其他条款的效力。</div>
                            <div class='component-agreement__item'>7.3您在此不可撤销的同意，为了向您提供更优质、高效的服务，本公司有权将本协议项下您的部分或全部授权转授权（或将本协议项下本公司的部分或全部权利义务转移）给具有合法资质的第三方数据查询公司；该第三方公司可按附件中所列的您的授权类别进行数据查询并将查询结果反馈给本公司。</div>
                            <div class='component-agreement__item'>7.4本协议未尽事宜，由双方另行签订补充协议，补充协议效力与本协议效力相同。</div>
                            <div class='component-agreement__item'>7.5本协议附件为协议不可分割的组成部分并且与本协议正文条款具有同等效力。</div>
                            <div class='component-agreement__item'>附件：</div>
                            <div class="table-list">
                                <table>
                                    <thead class="table-list__head">
                                        <tr>
                                            <th width="30%">授权类别</th>
                                            <th>授权内容</th>
                                        </tr>
                                    </thead>
                                    <tbody class='table-list__body have-border'>
                                        <tr>
                                            <td>央行征信信息</td>
                                            <td>查看包括但不限于被查询人身份信息、其所持银行卡基本信息、所持银行使用情况信息（交易、消费、借贷、还款、逾期等），以及其在银行的信贷信息等信息在内的各类信息</td>
                                        </tr>
                                        <tr>
                                            <td>学信网信息</td>
                                            <td>查看包括但不限于被查询人身份信息、其所在院校信息、专业信息、入学时间、毕业时间、学籍状态、证书编号等在内的各类信息</td>
                                        </tr>
                                        <tr>
                                            <td>京东信息</td>
                                            <td>查看包括但不限于被查询人京东会员名、会员账号、历史交易记录、历史评价、消费金额、支付方式、消费习惯等信息在内的各类信息</td>
                                        </tr>
                                        <tr>
                                            <td>手机运营商信息</td>
                                            <td>查看包括但不限于被查询人身份信息，是否实名认证、通话记录、手机账单等信息在内的各类信息</td>
                                        </tr>
                                        <tr>
                                            <td>失信被执行人信息</td>
                                            <td>查看包括但不限于被查询人姓名/名称、身份证号码/证件号码、性别（个人）、年龄（个人）、执行法院、省份、执行依据文号、立案时间、案号、做出执行依据单位、生效法律文书确定的义务、被执行人的履行情况、具体情形、发布时间等信息在内的各类信息</td>
                                        </tr>
                                        <tr>
                                            <td>身份证核实验证信息</td>
                                            <td>查看所输入身份证号码和姓名是否保持一致</td>
                                        </tr>
                                        <tr>
                                            <td>手机实名认证信息</td>
                                            <td>查看手机号码、姓名和身份证号码是否保持一致</td>
                                        </tr>
                                        <tr>
                                            <td>身份证核实验证信息</td>
                                            <td>查看所输入身份证号码和姓名是否保持一致</td>
                                        </tr>
                                        <tr>
                                            <td>银行三要素核验信息</td>
                                            <td>查看银行卡号、姓名和身份证号码是否保持一致</td>
                                        </tr>
                                        <tr>
                                            <td>银行四要素核验信息</td>
                                            <td>查看银行卡号、手机号码、姓名和身份证号码是否保持一致</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </template>
                </div>

                <div>
                <!-- type == "buy" -->
                    <template v-if='type == "buy"'>
                        <div class='component-agreement__list'>
                            <div class="component-agreement__item ">尊敬的客户：为了维护您的权益，请在签署本协议前，仔细阅读本协议各条款，关注您在此协议中的权利和义务。</div>
                            <div class='component-agreement__item bold'>浙江壹潘科技有限公司（下称“壹潘”、“我们”）发布的“有借服务风险及免责声明”（下称“本协议”）。服务使用人（以下称”用户”、“您”）一旦使用我们的相关服务，应当同意本协议的全部条款，即表示用户完全理解并接受本协议项下的全部条款。请您审慎阅读并选择接受或不接受本《协议》。除非您接受本《协议》所有条款，否则您无权使用本协议所涉相关服务。您的注册、登录、使用等行为将视为对本《协议》的接受，并同意接受本《协议》各项条款的约束。</div>
                            <div class='component-agreement__title bold'>1、服务概述</div>
                            <div class='component-agreement__item'>本协议是用户与壹潘之间的服务协议。我们为您提供贷款信息搜索过滤、站内好友聊天、借款信用报告归集服务。</div>
                            <div class='component-agreement__title'>2、用户使用规则</div>
                            <div class='component-agreement__item'>2.1 用户必须自行配备上网和使用电信增值业务所需的设备，自行负担个人上网或第三方（包括但不限于电信或移动通信提供商）收取的通信费、信息费等有关费用。如涉及电信增值服务的，我们建议您与您的电信增值服务提供商确认相关的费用问题。</div>
                            <div class='component-agreement__item'>2.2您同意本服务仅供个人使用，您不可对本服务任何部分或本服务之使用或获得（包括但不限于壹潘账号），进行复制、拷贝、出售、或利用本服务进行调查、广告、或用于其他商业目的，其中，您不得将任何广告信函与信息、促销资料、垃圾邮件与信息、滥发邮件与信息、直销及传销邮件与信息以网络电话、短信、彩信、邮件、即时通信、文件分享或以其他方式传送。</div>
                            <div class='component-agreement__item'>2.3 不得利用有借服务进行任何妨碍社会治安或非法、诈骗、虚假、骚扰性、侮辱性、恐吓性、伤害性、破坏性、挑衅性、庸俗性、淫秽色情性等内容的用途。</div>
                            <div class='component-agreement__item'>2.4 用户同意接受壹潘通过手机短信、电子邮件、壹潘有借客户端软件、网页或其他合法方式向用户发送商品促销或其他相关商业信息。在使用电信增值服务的情况下，用户同意接受本公司及合作公司通过增值服务系统或其他方式向用户发送的相关服务信息或其他信息，其他信息包括但不限于通知信息、宣传信息、广告信息等。</div>
                            <div class='component-agreement__item'>2.5 关于收费服务，壹潘的某些服务是以收费方式提供的。一旦您本人通过个人帐户购买收费服务，您应按有关的收费标准、付款方式支付相关服务费及其他费用。资费说明标明在有借APP和web页面内相应服务的相应页面上。</div>
                            <div class='component-agreement__item'>2.6 依本服务条款所取得的服务权利不可转让。</div>
                            <div class='component-agreement__item'>2.7 您需要严格遵守国家的有关法律、法规和行政规章制度。如用户违反国家法律法规或本服务条款，我们和合作公司将有权停止向用户提供服务而不需承担任何责任，如导致壹潘或合作公司遭受任何损害或遭受任何来自第三方的纠纷、诉讼、索赔要求等，用户须向本公司或合作公司赔偿相应的损失，用户并需对其违反服务条款所产生的一切后果负全部法律责任。</div>
                            <div class='component-agreement__title bold'>3. 服务风险及免责声明</div>
                            <div class='component-agreement__item'>3.1 用户须明白，本服务仅依其当前所呈现的状况提供，本服务涉及到互联网及相关通信等服务，可能会受到各个环节不稳定因素的影响。因此服务存在因上述不可抗力、计算机病毒或黑客攻击、系统不稳定、用户所在位置、用户关机、通信网络、互联网络原因等造成的服务中断或不能满足用户要求的风险。开通服务的用户须承担以上风险，壹潘和合作公司对服务之及时性、安全性、准确性不作担保，对因此导致用户不能发送和接受阅读消息、或传递错误，个人设定之时效、未予储存或其他问题不承担任何责任。</div>
                            <div class='component-agreement__item'>3.2 如本公司的系统发生故障影响到本服务的正常运行，本公司承诺在第一时间内与相关单位配合，及时处理进行修复。但用户因此而产生的经济损失，本公司和合作公司不承担责任。此外，壹潘保留不经事先通知为维修保养、升级或其他目的暂停本服务任何部分的权利。</div>
                            <div class='component-agreement__item'>3.3 壹潘在此郑重提请您注意，任何经由本服务上载、发送即时信息或任何其他方式传送的资讯、资料、文字、软件、音乐、音讯、照片、图形、视讯、信息、用户的登记资料或其他资料（以下简称“内容”），均由内容提供者承担责任。壹潘无法控制经由本服务传送之内容，也无法对用户的使用行为进行全面控制，因此不保证内容的合法性、正确性、完整性、真实性或品质；您已预知使用本服务时，可能会接触到令人不快、不适当或令人厌恶之内容，并同意将自行加以判断并承担所有风险，而不依赖于壹潘。但在任何情况下，壹潘有权依法停止传输任何前述内容并采取相应行动，包括但不限于暂停用户使用本服务的全部或部分，保存有关记录，并向有关机关报告。但壹潘有权(但无义务)依其自行之考量，拒绝和删除可经由本服务提供之违反本条款的或其他引起壹潘或其他用户反感的任何内容。</div>
                            <div class='component-agreement__item'>3.4 关于使用及储存之一般措施：通过本服务存储或传送任何信息、通信资料和其他内容，如被删除或未予储存，您同意壹潘毋须承担任何责任。您也同意，长时间未使用的帐号，壹潘有权关闭并收回帐号。您也同意，壹潘有权依其自行之考量，不论通知与否，随时变更这些一般措施及限制。</div>
                            <div class='component-agreement__title'>4. 服务变更、中断或终止及服务条款的修改</div>
                            <div class='component-agreement__item'>4.1 本服务的所有权和运作权、一切解释权归浙江壹潘科技有限公司拥有。壹潘提供的服务将按照其发布的章程、服务条款和操作规则严格执行。</div>
                            <div class='component-agreement__item'>4.2 壹潘有权在必要时修改服务条款，服务条款一旦发生变动，将会在相关页面上公布修改后的服务条款。如果不同意所改动的内容，用户应主动取消此项服务。如果用户继续使用服务，则视为接受服务条款的变动。</div>
                            <div class='component-agreement__item'>4.3 壹潘和合作公司有权按需要修改或变更所提供的收费服务、收费标准、收费方式、服务费、及服务条款。浙江壹潘科技有限公司在提供服务时，可能现在或日后对部分服务的用户开始收取一定的费用，如用户拒绝支付该等费用，则不能在收费开始后继续使用相关的服务。但浙江壹潘科技有限公司和合作公司将尽最大努力通过有效方式通知用户有关的修改或变更。</div>
                            <div class='component-agreement__item'>3.5.2为了向您提供或推荐服务、产品或为了向您提供更完善的服务，我们会在必要时向合作机构共享您的相关信息；</div>
                            <div class='component-agreement__item'>4.4 壹潘特别提请用户注意，本公司为了保障公司业务发展和调整的自主权，壹潘拥有经或未经事先通知而修改服务内容、中断或中止部分或全部服务的权利，修改会以通告形式公布于有信网站相关页面上，一经公布视为通知。壹潘行使修改或中断服务的权利而造成损失的，我们不需对用户或任何第三方负责。</div>
                            <div class='component-agreement__item'>4.5 如发生下列任何一种情形，壹潘有权随时中断或终止向用户提供服务而无需通知用户：</div>
                            <div class='component-agreement__item'>4.5.1 用户提供的个人资料不真实；</div>
                            <div class='component-agreement__item'>4.5.2 用户违反本服务条款的规定；</div>
                            <div class='component-agreement__item'>4.5.3 按照主管部门的要求；</div>
                            <div class='component-agreement__item'>4.5.4 其他本公司认为是符合整体服务需求的特殊情形。</div>
                            <div class='component-agreement__title'>5. 法律</div>
                            <div class='component-agreement__item'>本服务条款要与国家相关法律、法规一致，如发生服务条款与相关法律、法规条款有相抵触的内容，抵触部分以法律、法规条款为准。</div>
                            <div class='component-agreement__title'>6. 保障</div>
                            <div class='component-agreement__item'>6.1用户同意保障和维护壹潘及壹潘全部用户的利益，负责支付由用户使用超出服务范围或不当使用服务引起的一切费用（包括但不限于：律师费用、违反服务条款的损害补偿费用以及其它第三方使用用户的帐号和其它问题产生的追索费）。</div>
                            <div class='component-agreement__item'>6.2 用户须对违反国家法律规定及本服务条款所产生的一切后果承担法律责任。</div>
                            <div class='component-agreement__title'>7. 其它</div>
                            <div class='component-agreement__item'>7.1 如本服务条款中的任何条款无论因何种原因完全或部分无效或不具有执行力，本服务条款的其余条款仍应有效且具有约束力，并且努力使该规定反映之意向具备效力。</div>
                            <div class='component-agreement__item'>7.2 本服务条款构成您与浙江壹潘科技有限公司之服务协议，规范您对本服务之使用，在您使用相关服务、或使用第三方提供的内容或软件时，亦应遵从所适用之附加条款及义务。</div>
                            <div class='component-agreement__item'>7.3 每项服务的内容、收费标准、收费方式、服务费及服务条款应以最后发布通知为准。</div>
                            <div class='component-agreement__item'>7.4 用户对服务之任何部分或本服务条款的任何部分之意见及建议可联系浙江壹潘科技有限公司。</div>
                            <div class='component-agreement__item'>7.5 本服务条款的解释、效力及纠纷的解决，适用于中华人民共和国法律。若用户和壹潘之间发生任何纠纷或争议，首先应友好协商解决，协商不成的，用户在此完全同意将纠纷或争议提交壹潘所在地法院管辖。</div>
                            <div class='component-agreement__item'>7.6 浙江壹潘科技有限公司，保留本服务条款之解释权。</div>
                            <div class='component-agreement__item'>付费查看规则说明</div>
                            <div class='component-agreement__item'>Q：什么是点券</div>
                            <div class='component-agreement__item'>A：点券是壹潘有借用户用于各种付费增值服务的一种统计代码，不能用于壹潘有借增值服务以外的任何商品和借贷业务。</div>
                            <div class='component-agreement__item'>Q：点券如何获得</div>
                            <div class='component-agreement__item'>A：点券在用户充值完成后可获得，请在我-余额账户进行充值。</div>
                            <div class='component-agreement__item'>Q：点券充值支持哪些银行卡</div>
                            <div class='component-agreement__item'>A：目前支持多内多家主流银行，具体情况请见充值提示。</div>
                            <div class='component-agreement__item'>Q：点券如何使用</div>
                            <div class='component-agreement__item'>A：点券可在壹潘有借平台使用付费增值服务时使用。</div>
                            <div class='component-agreement__item'>Q：点券的有效期多长</div>
                            <div class='component-agreement__item'>A：充值点券长期有效，活动获得的赠送点券有效期最短30天，最长1年，即从获得点券开始计算，逾期自动作废。</div>
                            <div class='component-agreement__item'>Q：点券是否可以从A账户转移到B账户</div>
                            <div class='component-agreement__item'>A：有借不支持账户之间的点券相互转移。</div>
                        </div>
                    </template>
                </div>
            </div>
    </modal>
</template>

<script>
    import { Promise } from 'es6-promise'
    import modal from './Modal.vue'
    import loading from './Loading.vue'
    import toYuan from '../filters/filter-toYuan'
    import dateFormat from '../filters/filter-dateFormat'
    import bankCard from '../filters/filter-bankCard'
    import bindName from '../filters/filter-bindName'
    import  { mapGetters, mapActions }  from 'vuex'
    import { userApi, receiptApi } from '../api/api'

    export default {
        name:'agreement',
        components:{
            modal,
            loading
        },
        filters:{
            toYuan,
            bankCard,
            dateFormat,
            bindName
        },
        props: {
            show: {
                type: Boolean,
                default:false
            },
            amount:{
                type: [Number,String],
                default:''
            },
            type: {
                type: String,
                default:'loan'
            },
            fee: {
                type: String,
                default:''
            },
            no:{
                type: [Number,String],
                default:''
            },
            iou:{
                type: [Number,String],
                default:''
            }
        },
        data() {
            return {
                payType:0,
                info:{
                    user:{},
                    lendUser:{}
                }
            }
        },
        computed:{
            ...mapGetters([
                'msgTip',
                'localInfo'
            ]),
            title(){
                if(this.type == 'loan'){
                    return '借款协议'
                }
                if(this.type == 'register'){
                    return '用户使用许可协议'
                }
                if(this.type == 'report'){
                    return '征信查询授权书'
                }
                if(this.type == 'other'){
                    return '服务协议'
                }
                if(this.type == 'buy'){
                    return '有借购买服务协议'
                }
            },
            userInfo(){
                return this.localInfo.userInfo
            },
            serviceFee(){
                if(this.payType == 1) return 0

                if(this.fee){
                    return this.fee
                }
                if(this.type == 'credit-report') return 0

                if(this.amount < 500000) return 250
                return 0
            },
            totalAmount(){
                return this.serviceFee + this.amount
            },
        },
        methods:{
            // actions
            ...mapActions([
                'showLoading',
                'hideLoading',
                'setMsgTip',
                'setUserInfo'
            ]),

            closeHandle(){
                this.$emit('close')
            },
            changePayType(){
                if(_.isEmpty(this.userInfo.bankcard)){
                    this.setMsgTip({
                        text:"未绑定银行卡",
                        type:'warn'
                    })
                    return
                }
                if(this.payType == 0){
                    this.payType = 1
                    return
                }
                if(this.payType == 1){
                    this.payType = 0
                }
            },
            goRouter(name){
                this.$router.push({
                    name:name
                })
            },
            goSetPassword(){
                alert(1)
                this.$router.push({
                    name:'user-password-set-transaction'
                })
            },
            closePassword(){
                this.$emit('close')
            },
            finish(){
                let payObject = {
                    totalAmount:this.totalAmount,
                    payType:this.payType
                }
                this.$emit('finish',payObject)
            },
            checkPassword(){
                let password = this.password
                userApi.checkTradePassword({
                    oldPassword:this.password
                })
                .then(result=>{
                    if(result.right){
                        this.status = 'success'
                        this.$emit('finish',password) 
                    }
                    else{
                        this.status = 'fail'
                        this.complete = false
                    }
                })
                .catch(error=>{
                    console.error(error)
                    this.status = 'fail'
                    this.complete = false
                })
            },
            getUserInfo(){
                /*if(!this.userInfo){
                    userApi.getInfo()
                    .then(result=> {
                        console.log(result)
                        if(_.isEmpty(result.bankcard)){
                            this.payType = 1
                        }
                        this.setUserInfo(result)
                    })
                    .catch(error=> {
                        console.log(error);
                    })
                }*/
                if(_.isEmpty(this.userInfo.bankcard)){
                    this.payType = 1
                }
            }
        },
        created(){
            this.getUserInfo()
            // console.log(this.no)
            if(this.no){
                // loanInApi.agreement({
                //     borrowNo:this.no
                // })
                // .then(result=>{
                //     this.info = result
                // })
                // .catch(error => {
                //     console.error(error)
                // })
            }
            if(this.iou){
                receiptApi.agreement({
                    receiptNo:this.iou
                })
                .then(result=>{
                    this.info = result || {
                        user:{},
                        lendUser:{}
                    }
                })
                .catch(error => {
                    console.error(error)
                })
            }
        }
    }
</script>

<style lang="scss">
    @import "../sass/_variables";
    @import "../sass/_extends";
    @import "../sass/_mixins";
    
    .component-agreement{
        .component-agreement__intro{
            display: flex;
            align-items: center;
            justify-content: space-between;
            @extend %font-body2;
        }
        .component-agreement__platform{
            img{
                height:20px;
            }
            p{
                @extend %font-caption;
            }
            text-align:right;
        }
        .component-agreement__number{
            padding:10px 0;
            color:$importColor;
            font-weight: normal;
            text-align: right;
        }
        .table-list{
            padding:10px;
        }
        .table-list table {
            border-collapse: separate;
            width: 100%;
            border:1px solid $sectionColor;
            border-top: none;
            border-left: none;
            .option-box{
                margin-left:-10px;
            }
            .option-button{
                cursor: pointer;
                padding: 10px;
            }
        }
        .table-list__head{
            th,td{
                height:30px;
                line-height:1.4;
                font-size:14px;
                font-weight:normal;
                text-align:left;
                border-left: 1px solid $sectionColor;
                border-top: 1px solid $sectionColor;
            }
            th{
                padding:5px 10px;
            }
            td{
                padding:5px 10px;
            }
        }
        .table-list__body {
            &.have-border{
                th,td{
                    border-left: 1px solid #ddd;
                    border-top: 1px solid #ddd;
                }
            }
            tr{
                th,td{
                    height:40px;
                    font-size: 13px;
                    padding:5px 10px;
                    background-color: #FFF;
                    line-height:1.4;
                    text-align:left;
                }
            }
        }
        .stamp{
            padding-top: 20px;
            position: relative;
            img{ 
                position: absolute;
                top: 40px;
                left: 146px;
                width: 75px;
            }
        }
        .component-modal__container{
            height:85%;
        }
        .component-modal__main{
            overflow:hidden;
            position: absolute;
            left:0;
            right:0;
            top:0;
            bottom:0;
        }
        .wrapper{
            top:145px;
            bottom:0;
            padding:0 24px;
            height:auto;
            padding-bottom: 0;
            transform: translate3d(0,0,0);
            &.not-loan{
                top:85px;
            }
        }
    }
    .component-agreement__header{
        @extend %font-title;
        color:$importColor;
        padding-bottom: 4px;
        padding-top: 16px;
        text-align: center;
        border-bottom:1px solid $sectionColor;
    }
    .component-agreement__item{
        @extend %font-caption;
        color:$importColor;
        text-indent:2em;
        &.no-indent{
            text-indent:0;
        }
        &.center{
            text-align: center;
        }
        &.bold{
            font-weight: normal;
        }
    }
    .component-agreement__title{
        @extend %font-body1;
        padding:15px 0 5px 0;
        color:$importColor;
        font-weight: normal;
        text-indent:2em;
        &.no-indent{
            text-indent:0;
        }
    }
    .component-agreement__text{
        @extend %font-caption;
        padding-top:4px;
        text-align: center;
    }
    .component-agreement__table{
        padding:10px 0;
        border-collapse: separate;
    }
    .component-agreement__table-item{
        padding: 5px 0;
    }

</style>
